<template>
    <div class="login-container">
        <div class="bg-left"></div>
        <div class="bg-right"></div>
        <div class="login-content">
            1111
        </div>
    </div>
</template>

<script setup>
import { useUserStore } from '@/stores/user'

const userStore = useUserStore()

const handleLogin = async () => {
    userStore.setToken('your-token')
    userStore.setUserInfo({
        username: 'admin',
    })
}
</script>

<style lang="scss" scoped>
.login-container {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;

    .bg-left {
        width: 50%;
        height: 100%;
        background: url('@/assets/images/bg-left.jpg') no-repeat center center;
        background-size: cover;
    }

    .bg-right {
        width: 50%;
        height: 100%;
        background: url('@/assets/images/bg-right.jpg') no-repeat center center;
        background-size: cover;
    }

    .login-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        // 其他登录框样式...
    }
}
</style> 